<template>
  <div class="cell">
    <img src="/baking1/FlawoIi2N2tdqRo_dfeI26B2J1Af.jpg" alt="" />
    <div class="righttext">
      <h3>雪媚娘</h3>
      <span>糯米粉、糖、油、牛奶、玉米淀粉、熟糯米、细砂糖</span>
      <span>小猫咪</span>
      <span>8292收藏 198人做过</span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.cell {
  display: flex;
  padding: 5px 5px 10px 0;
  background-color: #fff;
  > img {
    display: block;
    width: 138.8px;
    height: 100px;
    border-radius: 3px;
    margin: 0 10px;
  }
  > .righttext {
    width: 57vw;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    > h3 {
      padding: 0;
      margin: 3px 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    > span {
      font-size: 0.5rem;
      padding: 3px 0;
    }
    > span:nth-child(2) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    > span:nth-child(3) {
      color: #999999;
    }
  }
}
</style>
